<!--

-->
<!DOCTYPE html>
<html>
    <head>
        <title></title>
        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
        <script>
            
           
            var E=new Array();
            E["Aurélie"]= new Array();
            E["Bastien"]= new Array();
            E["Naima"]= new Array();
            E["Aurélie"]["Francais"]=12;
            E["Aurélie"]["Math"]=11.5;
            E["Aurélie"]["Anglais"]=13;
            E["Aurélie"]["Histoire"]=12;
            E["Bastien"]["Francais"]=8.5;
            E["Bastien"]["Math"]=12;
            E["Bastien"]["Anglais"]=10;
            E["Bastien"]["Histoire"]=9.5;
            E["Naima"]["Francais"]=10.5;
            E["Naima"]["Math"]=10;
            E["Naima"]["Anglais"]=14;
            E["Naima"]["Histoire"]=8.5;
            
            function calculmoypersonne(){
            
                var s=0 ;
                var a=document.getElementById("a").value;
                i=0;
                for (var j in E[a]) {
                    i++;
                    s+=E[a][j] ;
                }
                m=s/i;
                document.getElementById("general").value=m ;
            
            }
        
            function afficherMoyMatiere(){
            
                var b= document.getElementById("b").value;
                var s=0;
                var i=0;
                for (var j in E) {
                    i++;
                    s +=E[j][b] ;
                }
                var m=s/i ;
                document.getElementById("matiere").value=m ;
            }

            function init(){
                calculmoypersonne();
                afficherMoyMatiere();
            }
            window.onload=init;
          
            
        </script>



    </head>
    <body>








        <br>
        <table  border =1 style="border-color: black" >
            <tr><td></td><td>Français</td><td>Math</td><td>Anglais</td><td>Hisoire</td></tr>
            <tr><td>Aurélie</td><td>12</td><td>11.5</td><td>13</td><td>12</td></tr>
            <tr><td>Bastien</td><td>8.5</td><td>12</td><td>10</td><td>9.5</td></tr>
            <tr><td>Naima</td><td>10.5</td><td>10</td><td>14</td><td>8.5</td></tr>
        </table>
        <b>Les moyennes:</b> <br>
        <form name="form">
            <select id="a" onchange="calculmoypersonne ();">
                <option value="Aurélie">Aurélie</option>
                <option value="Bastien">Bastien</option>
                <option value="Naima">Naima</option>
            </select>
            <input type ="text" id ="general" READONLY>

            <select id="b" onchange="afficherMoyMatiere();">
                <option value="Francais">Français</option>
                <option value="Math">Math</option>
                <option value="Anglais">Anglais</option>
                <option value="Histoire">Hisoire</option>
            </select>

            <input type ="text" id ="matiere" >

        </form>
    </body>

</html>
